{extend name="base"}

{block name="content"}
<div class="row">
	<div class="col-sm-12">
		<div class="card-box">
			<div class="row">
				<div class="col-lg-6">
					<h4 class="header-title m-t-0 m-b-30">店铺信息设置</h4>
					<form class="form-horizontal" role="form" action="" method="post">
							<div class="form-group">
									<label class="col-md-3 control-label">店铺名称</label>
									<div class="col-md-9">
										<input name="shop_name" type="text" class="form-control" value="{$_user.shop_name}">
									</div>
								</div>
												<div class="form-group">
							<label class="col-md-3 control-label">商户QQ</label>
							<div class="col-md-9">
								<input name="qq" type="text" class="form-control" value="{$_user.qq}">
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-3 control-label">商户网站</label>
							<div class="col-md-9">
								<input name="website" type="text" class="form-control" value="{$_user.website}" placeholder="网址前面加http://或https://">
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-3 control-label">子域名</label>
							<div class="col-md-9">
								<div class="input-group">
								<input name="subdomain" type="text" class="form-control" value="{$_user.subdomain}">
								<span class="input-group-addon">.niaoka.cn</span>
							</div><p class="stock_display_2_tips">填写的 前缀+niaoka.cn 复制到浏览器打开！例如 6.niaoka.cn！</p>
						</div>
						</div>
						<div class="form-group">
								<label class="col-md-3 control-label">支付页背景图片</label>
								<div class="col-md-9">
									<input name="bg" type="text" class="form-control" value="{$_user.bg}"  placeholder="请输入图片网址例如：https://cdn.hedalao.com/diy.jpg">
									<p class="stock_display_2_tips">仅可在自定义背景图片模板使用！<a href="javascript:;" id="bg">点击上传图片获取链接？</a></p>
								</div>
							</div>
						  
												  <div class="form-group">
								<label class="col-md-3 control-label">支付页背景音乐</label>
								<div class="col-md-9">
									<input name="music" type="text" class="form-control" value="{$_user.music}"  placeholder="请输入 Mp3 格式播放链接 支持HTTP/HTTPS于//开头协议">
									<p class="stock_display_2_tips">推荐在网易云平台中找到音乐然后生成外链复制播放链接中的音乐地址即可！只支持单曲播放。<a href="javascript:;" id="BGM">不懂点我？</a></p>
								</div>
							</div>
						<div class="form-group">
							<label class="col-md-3 control-label">店铺公告</label>
							<div class="col-md-9">
								<textarea name="shop_notice" placeholder="" class="form-control" rows="5" maxlength="200">{$_user.shop_notice}</textarea>
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-3 control-label">系统公告自动弹出</label>
							<div class="col-md-9">
								<select name="shop_notice_auto_pop" class="form-control" required>
									<option value="1" {if $_user.shop_notice_auto_pop==1}selected{/if}>是</option>
									<option value="0" {if $_user.shop_notice_auto_pop==0}selected{/if}>否</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-3 control-label">商家公告自动弹出</label>
							<div class="col-md-9">
								<select name="user_notice_auto_pop" class="form-control" required>
									<option value="1" {if $_user.user_notice_auto_pop==1}selected{/if}>是 </option>
									<option value="0" {if $_user.user_notice_auto_pop==0}selected{/if}>否 </option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-3 control-label">购卡协议自动弹出</label>
							<div class="col-md-9">
								<select name="shop_gouka_protocol_pop" class="form-control" required>
									<option value="1" {if $_user.shop_gouka_protocol_pop==1}selected{/if}>是 </option>
									<option value="0" {if $_user.shop_gouka_protocol_pop==0}selected{/if}>否 </option>
								</select>
							</div>
						</div>
						<!--div class="form-group">
							<label class="col-md-3 control-label">支付页面风格</label>
							<div class="col-md-9">
								<select name="pay_theme" class="form-control" required>
									{foreach :config('pay_themes') as $theme}
									<option value="{$theme.alias}" {if $_user.pay_theme==$theme.alias}selected{/if}>{$theme.name}</option>
									 {/foreach}
								</select>
							</div>
						</div-->
						<!--div class="form-group">
							<label class="col-md-3 control-label">取卡页售后菜单</label>
							<div class="col-md-9">
								<select name="pay_theme" class="form-control" required>
									{foreach :config('pay_themes') as $theme}
									<option value="{$theme.alias}" {if $_user.pay_theme==$theme.alias}selected{/if}>{$theme.name}</option>
									{/foreach}
								</select>
							</div>
						</div-->
						<div class="form-group">
							<label class="col-md-3 control-label">库存展示方式</label>
							<div class="col-md-9">
								<select name="stock_display" class="form-control" required>
									<option value="1" {if $_user.stock_display==1}selected{/if}>实际库存</option>
									<option value="2" {if $_user.stock_display==2}selected{/if}>范围库存</option>
								</select>
								<p class="stock_display_2_tips" {if $_user.stock_display==1}style="display:none"{/if}>
									1. 库存大于100，显示 库存非常多<br>
									2. 库存小于100、大于30，显示 库存很多<br>
									3. 库存小于30、大于10，显示 库存一般<br>
									4. 库存小于10，显示 库存少量<br>
								</p>
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-3 control-label"></label>
							<div class="col-md-9">
								<button type="submit" class="btn btn-purple waves-effect waves-light">保存设置</button>
							</div>
						</div>
					</form>
	</div>
	<!-- end col -->
</div>
<!-- end row -->
</div>
</div>
<!-- end col -->
</div>
{/block}
{block name="appendJS"}
<script src="//cdn.bootcss.com/jquery/1.12.3/jquery.min.js"></script>
<script src="/static/app/js/layer.js"></script>
<script>
	;!function(){
	
	layer.ready(function(){ 
	layer.tips('点击查看支付页背景音乐使用教程', '#BGM');
	}); 
	
	
	//BGM
	$('#BGM').on('click', function(){
	layer.open({
		type: 2,
		title: '支付页背景音乐使用教程',
		maxmin: true,
		area: ['800px', '500px'],
		content: 'https://www.hedalao.com/47.html',
		end: function(){
		  layer.tips('支付页背景音乐使用教程', '#BGM', {tips: 1})
		}
	  });
	});
	//背景
	$('#bg').on('click', function(){
	  layer.open({
		type: 2,
		title: 'PC支付页背景图片上传获取图片地址教程/获取后复制图片地址点击X关掉本页面，图片地址复制进去即可使用！',
		maxmin: true,
		area: ['800px', '500px'],
		content: 'six',
		end: function(){
		}
	  });
	});
	}();
	</script>
{/block}